<template>
  <div class="user-agreement-container">
    <van-nav-bar
      title="用户协议"
      left-arrow
      @click-left="goBack"
      fixed
    />
    
    <div class="content-area">
      <div class="info-section">
        <h3>用户协议</h3>
        <p>欢迎使用医院信息系统。本协议是您与医院信息系统之间关于使用本应用服务所订立的协议。请您仔细阅读本协议，若您使用本应用服务，即表示您已充分阅读、理解并接受本协议的全部内容。</p>
        
        <h3>服务内容</h3>
        <p>医院信息系统为用户提供以下服务：</p>
        <ul>
          <li>医院挂号预约服务</li>
          <li>在线问诊咨询服务</li>
          <li>健康资讯浏览服务</li>
          <li>医疗记录管理服务</li>
          <li>处方管理及药品配送服务</li>
        </ul>
        
        <h3>账号注册与安全</h3>
        <p>用户在使用本应用时需要注册账号，并遵守以下规定：</p>
        <ul>
          <li>提供真实、准确、完整的个人资料</li>
          <li>及时更新个人资料，保证其真实性和有效性</li>
          <li>妥善保管账号和密码，对账号下的所有活动负责</li>
          <li>不得将账号出借、转让或授权他人使用</li>
          <li>发现账号被盗用应立即通知本应用</li>
        </ul>
        
        <h3>用户行为规范</h3>
        <p>用户在使用本应用时应遵守以下行为规范：</p>
        <ul>
          <li>遵守中华人民共和国相关法律法规</li>
          <li>尊重医疗机构和医护人员</li>
          <li>不得发布虚假信息或进行欺诈行为</li>
          <li>不得干扰本应用的正常运行</li>
          <li>不得侵犯他人隐私或合法权益</li>
        </ul>
        
        <h3>服务变更、中断或终止</h3>
        <p>本应用有权在以下情况下变更、中断或终止服务：</p>
        <ul>
          <li>定期或不定期的系统维护或升级</li>
          <li>不可抗力事件导致的服务中断</li>
          <li>用户违反本协议或相关法律法规</li>
          <li>其他本应用认为需要变更、中断或终止服务的情况</li>
        </ul>
        
        <h3>知识产权</h3>
        <p>本应用的所有内容，包括但不限于文字、图片、音频、视频、软件、程序、版面设计等，均受知识产权法律法规保护。未经本应用或相关权利人书面许可，用户不得以任何方式使用、复制或传播上述内容。</p>
        
        <h3>免责声明</h3>
        <p>本应用提供的医疗信息仅供参考，不能替代专业医生的诊断和治疗。用户应在专业医生指导下使用本应用提供的信息。对于因使用本应用信息而产生的任何后果，本应用不承担法律责任。</p>
        
        <h3>协议修改</h3>
        <p>本应用有权在必要时修改本协议条款。修改后的协议将在应用内公布，并自公布之日起生效。如用户继续使用本应用服务，即表示同意接受修改后的协议。</p>
        
        <h3>法律适用与争议解决</h3>
        <p>本协议的订立、执行和解释及争议的解决均适用中华人民共和国法律。如发生本协议相关的任何争议，双方应友好协商解决；协商不成的，任何一方均有权将争议提交至本应用所在地有管辖权的人民法院诉讼解决。</p>
        
        <p class="last-update">最后更新日期：2023年12月1日</p>
      </div>
    </div>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router'

const router = useRouter()

const goBack = () => {
  router.back()
}
</script>

<style scoped>
.user-agreement-container {
  min-height: 100vh;
  background-color: #f5f7fa;
  padding-top: 46px;
}

.content-area {
  padding: 20px 16px;
}

.info-section {
  background: white;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 12px rgba(100, 101, 102, 0.08);
}

.info-section h3 {
  font-size: 16px;
  color: #333;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
}

.info-section h3:first-child {
  margin-top: 0;
}

.info-section p {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin: 8px 0;
}

.info-section ul {
  padding-left: 20px;
  margin: 8px 0;
}

.info-section li {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 4px;
}

.last-update {
  font-size: 12px;
  color: #999;
  margin-top: 20px;
  text-align: right;
}
</style>